{% extends "base.html" %}

{% block title %}About | Cal Portal{% endblock %}

{% block head %}
<style>
  
  .container {
    min-height: 100%;
    position: relative;
  }
  
  .stretch-down {
    position: absolute;
    min-height: 500px;
  }
  
  .black-stripe {
    padding-bottom: auto;
    margin-bottom: 0;
    background-image: linear-gradient(top, rgba(0,0,0,0) 100%, rgba(0,0,0,1) 0%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0) 100%, rgba(0,0,0,1) 0%);
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 100%, rgba(0,0,0,1) 0%);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 100%, rgba(0,0,0,1) 0%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 100%, rgba(0,0,0,1) 0%);

    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(1, rgba(0,0,0,0)),
      color-stop(0, rgba(0,0,0,1))
    );
    border-radius: 50px;
    color: white;
  }
  
  .center-page p{
    text-align: left;
  }
</style>
{% endblock head %}

{% block header-left %}
CAL PORTAL
{% endblock header-left %}

{% block header-right %}
ABOUT US
{% endblock header-right %}

{% block container %}
<div class="row stretch-down">
  <div class="span10 offset1 stretch-down black-stripe">
    <h1>Who are we?</h1><br>
    <div class="row profile-container" id="ryan-profile">
      <div class="span2 pf-image">
        <img src="/static/img/about-oddish.png">
      </div>
      <div class="span6 profile">
        <h2>Ryan Tseng <small>Is somehow an oddish</small></h2>
        <p>EECS Senior at Cal - Likes to make webapps in his spare time</p>
        <h2>Employment</h2>
        <p>
          <ul>
            <li>UC Berkeley - Student (Okay not really an employment)</li>
            <li>Google - Software Engineer</li>
          </ul>
        </p>
        <h2>Contact</h2>
        <p>
          <ul>
            <li>Merp Derp</li>
          </ul>
        </p>
      </div>
    </div>
    <div class="row profile-container" id="wedqing-profile">
      <div class="span2 pf-image">
        <img src="/static/img/about-fancy.png">
      </div>
      <div class="span6 profile">
        <h2>Wenqing Yan <small>She whose name cannot be pronounced</small></h2>
        <p>Cal Alum 2011 - Enjoys art, nature, and trolling</p>
        <h2>Employment</h2>
        <p>
          <ul>
            <li>4th Dimension Entertainment</li>
            <li>Free lance</li>
          </ul>
        </p>
        <h2>Contact</h2>
        <ul>
          <li><a href="http://yuumei.deviantart.com">yuumei.deviantart.com</a></li>
          <li>yuumei.yan [at] gmail [dot] com</li>
        </ul>
      </div>
    </div>
  </div>
</div>
{% endblock %}